<!DOCTYPE HTML>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <title>Manuela Henriques - {lang_title}</title>
        <!-- INICIO DEFINICOES EM http://ogp.me/ -->
        <meta property="og:title" content="Manuela Henriques - {lang_title}">
        <meta property="og:url" content="{base_url}">
        <meta property="og:description" content="Manuela Henriques">
        <meta property="og:image" content="{base_url}images/manuela-henriques-logo" >
        <meta property="fb:app_id" content="141159095925810">
        <meta property="fb:admins" content="100002038831819">
        <!-- FIM DEFINICOES -->
        <base href="{base_url}{base_template_site}">
        <!--CSS-->
        {includeCSS}
        <link href="css/tooltip.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="css/tamanho.css">
        <link rel="stylesheet" type="text/css" href="css/produtos.css">
        <link rel="stylesheet" type="text/css" href="css/inputs.css"/>
        <!--JS-->
        {includeJS}
        <!-- include the Tools -->
        <script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
        <script src="js/produtos.js"></script>


    </head>

    <body>
       <!-- <div id="fb-root"></div>
        <script>(function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=141159095925810";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
        <div class="fb-like" data-href="http://www.manuelahenriques.com.br" data-send="false" data-layout="button_count" data-width="80" data-show-faces="false" data-font="tahoma" style="float:right;"></div>-->

        <div id="wrapper">
            <header id="logo">
                <h1><img src="images/manuela-henriques-logo" width="295" height="23" alt="MANUELA HENRIQUES" title="MANUELA HENRIQUES"></h1>
            </header>
            <div class="fr" style="margin:34px 46px;">
                <a href="{base_url}carrinho/0"><img src="images/carrinho.png" width="30" height="19" class="margimBottom-3">{carrinho} {lang_item}</a>
            </div>
            <section id="redes"> </section>
            <div class="clear"></div>
            <!--  MENU  -->
            {include_menu}
            <!-- FIM MENU--> 

            <section id="container">
                <form id="from_cad_frete" name="from_cad_frete" action="{base_url}carrinho/{id_prod}" method="post">
                    
                    <header class="barraTitulos">{lang_title} > {lang_categoria} > {lang_produto} </header>
                    <div class="clear"></div>
                    <div class="thumbJoia">

                    </div>

                    <div id="imageProduct" class="fr width450">
                        <img src="{imagem}" width="372" height="567" title="{lang_produto}">
                        <a name="joia"></a>
                        <h1 class="nomeProduto">{lang_produto}</h1>
                        <p class="fontFutura">{lang_descricao}</p><br>
                        
                        <div>
                            <h3>{lang_tamanho} <a href="pdf/medidor_aneis.pdf">[ {lang_medidor} ]</a></h3>
                            <br>
                            <ul>
                                {atributos}
                                <li class="{estilos} atributos" style="width: 60px;height: 40px;text-align: center;float:left;display: block; margin-left: 5px;">
                                    <a href="{base_url}joias/{categoria_id}/{categoria_nome}/{ec_produtos_id}#joia"  style=" height: 25px;display: block; padding-top:15px;">{nome}</a></li>
                                {/atributos}
                            </ul>
                        </div>
                        <br>


                        <!--fieldset style="width:230px; float:left; margin-top:40px;margin-bottom: 35px;">
                            {lang_tamanho}{atributos}<br><a href="#">{lang_medidor}</a>.
                            <input type="range" name="test" min="10" max="17" value="14">

                        </fieldset-->
                        <!--<div class="botao fr" style="margin-top:45px;">Medidor</div>-->
                        <div class="valor clear fr">
                            {lang_valor}<br>
                            <h3 class="marginBottom15 fontSize1-6em">{preco}</h3>
                        </div>
                        <div class="clear financiamento fr">
                            
                            <h3 class="marginBottom15"><strong>{lang_parcelamento}</strong></h3>
                            <ul>
                                {parcelas}
                                    <li>{parcela}</li>
                                {/parcelas}
                                
                            </ul>
                        </div>

                        
                        {esgotado}<br>
                        <!--p class="price fl marginBottom15">{lang_valor}<br><span class="fontSize1-6em">{preco}</span><br><br><br>
                            <label class="marginTop15">{lang_quantidade} <br><input type="number" id="quantidade" name="quantidade" max="{max}" value="{value}" min="{min}" maxlength="2" style="width:30px;" class="input"></label><br><br><br><br>
                        </p-->
                        <div class="">


                            <span>{estoque}</span><br><br>

                            {comprar}
                            
                            <div>
                                <input type="submit" class="submit botao botaoPreto" value="{lang_comprar}"></button>
                                <br><br>
                                <p>{lang_frete}<br>
                                {lang_prazo_1}{dia}{lang_prazo_2}</p>
                            </div>
                            {/comprar}
                        </div>

                    </div>     
                    <!-- INICIO PRODUTOS -->
                    <div id="actions"> 
                        <a class="prev"><img src="images/botao-seta-up.png" width="21" height="11"></a> 
                        <a class="next"><img src="images/botao-seta-down.png" width="21" height="11"></a> 
                    </div>

                    <!-- root element for scrollable -->
                    <div class="scrollable vertical"> 

                        <!-- root element for the scrollable elements -->
                        <div class="items"> 

                            <!-- INICIO LOOP PRODUTOS -->
                            <div> 
                                <!-- first row -->
                                <div class="item"> 
                                    <!-- image --> 
                                    {produtos_categoria}
                                    <a href="{base_url}joias/{id_cat}/{nome_cat}/{id_prod}"><img src="{imagem}"width="45" height="45" alt="{produto}" title="{produto}" ></a>
                                    {/produtos_categoria}
                                </div>
                            </div>
                            <!-- FIM LOOP PRODUTOS -->
                        </div>
                    </div>
                    <!-- FIM PRODUTOS -->
                </form>
            </section>

            <div class="clear"></div>

            <!--FOOTER-->
            {include_footer}
            <!--FOOTER--> 
        </div>
    </body>
</html>
